Ext.define('Reservation.view.ReservationView', {
	extend : 'Ext.Panel',
	xtype : 'reservationView',
	requires : [ 'Ext.field.Spinner', 'Ext.field.DatePicker' ],
	config : {
		items : [ {
			xtype : 'toolbar',
			title : '预定房间',
			docked : 'top'
		}, {
			xtype : 'spacer'
		},{
			xtype : 'formpanel',
			id:'reservationform',
			width : '100%',
			height : 400,
			items : [ {
				xtype : 'textfield',
				id:'reseHno',
				label : '房间号码'
			}, {
				xtype : 'spinnerfield',
				id:'reseDays',
				label : '入住天数',
				minValue : 0,
				maxValue : 100,
				stepValue : 1
			}, {
				xtype : 'datepickerfield',
				id:'reseStartTime',
				label : '入住日期',
				value : new Date(),
				dateFormat : 'Y-m-d'
			}, {
				xtype : 'spacer',
				height : 10
			}, {
				xtype : 'container',
				layout : 'hbox',
				width : '100%',
				items : [ {
					xtype : 'spacer'
				}, {
					xtype : 'button',
					id:'reservationSubmit',
					text : '提交'
				}, {
					xtype : 'spacer',
					width : 10
				}, {
					xtype : 'button',
					text : '重置 ',
					handler:function(){
						Ext.getCmp('reservationform').reset();
					}
				} ]
			} ]
		} ]
	}

});